.form {
  @apply -flex -flex-col -gap-4;
}

.form-label {
  @apply -relative -h-8 -flex -flex-row -items-center -truncate -gap-1;
  color: var(--form-label-color);
}
.form-label.required::after {
  content: '*';
  @apply -text-danger-500 -ml-1 -scale-125 -inline-block -translate-y-0.5;
}
.no-required .form-label.required::after {
  @apply -hidden;
}
.form-label-actions {
  @apply -flex-auto -justify-end;
}
.form-label > .checkbox-primary {
  @apply -ml-3;
}

.form-tip {
  @apply -mt-1 -block;
  color: var(--form-tip-color);
}
.has-error .form-tip {@apply -text-danger-500;}
.has-warning .form-tip {@apply -text-warning-500;}
.has-success .form-tip {@apply -text-success-500;}

.form-actions {
  @apply -flex -flex-row -gap-4 -justify-center;
}
